<script lang="ts" setup>

const data1: string[] = [
    'jdk1.8',
    'Maven3.6.3',
    'mysql8',
    'SpringBoot2.6.3',
]
const data2: string[] = [
    'vue3+TypeScript',
    'vue-router4',
    'vuex4',
    'axios',
    '等等......'
]
const data3: string[] = [
    'SpringBoot',
    'MybatisPlus',
    'lombok',
    'springBootAOP',
    'pagehelper 分页插件',
    'validation参数校验',
    'redis存储token',
    '等等......'
]


</script>

<template>
  <h3 :style="{ margin: '16px 0' }">项目依赖环境</h3>
  <a-list size="small" bordered :data-source="data1">
    <template #renderItem="{ item }">
      <a-list-item>{{ item }}</a-list-item>
    </template>
  </a-list>
  <h3 :style="{ margin: '16px 0' }">项目使用的前端技术</h3>
  <a-list size="small" bordered :data-source="data2">
    <template #renderItem="{ item }">
      <a-list-item>{{ item }}</a-list-item>
    </template>
  </a-list>
  <h3 :style="{ margin: '16px 0' }">项目使用的后端技术</h3>
  <a-list size="small" bordered :data-source="data3">
    <template #renderItem="{ item }">
      <a-list-item>{{ item }}</a-list-item>
    </template>
  </a-list>
</template>

<style scoped>

</style>
